<template>
  <div>
    <h3>内容 -- {{ $route.params.id }}</h3>
  </div>
</template>

<script>
export default {
  // 如果在路由中使用了props传数据，就可以能过props来接受
  // props: ['name'],
  props: ['id'],
  mounted() {
    // 获取动态路由参数数据 this.$route
    // console.log(this.$route.params)

    // 获取search字符串，返回是一个对象
    // console.log(this.$route.query)

    // 路由信息中的props数据
    // console.log(this.name)
    // console.log(this.id)
  }
}
</script>

<style lang="scss" scoped></style>
